
<!--<div ng-controller="order_statistics">
    <div class="bg-light lter b-b wrapper-md ng-scope">
        <h1 class="m-n font-thin h3 ng-binding">订单查询</h1>
    </div> 
    <div class="col-sm-12" style="background-color: #ffffff ;margin: 0px 15px;margin-top: 10px">
        <div class=" pull-left" style="text-align:left; margin: 5px 0 ; width: 30%">
            游客姓名：
            <input type="text" ng-model="tourist_name">
        </div>
        <div class=" pull-left" style="text-align:left; margin: 5px 0; width: 30%">
            游客电话：
            <input type="text" ng-model="tourist_mobile" class="text">
        </div>
        <div class=" pull-left" style="text-align:left; margin: 5px 0; width: 30%">
            游客证件号：
            <input type="text" ng-model="tourist_cardno" class="text">
        </div>     
    <div style="margin-top: 15px;margin-right: 20px">
         <button class="btn m-b-xs w-xs btn-success btn-rounded pull-right" ng-click="search()">搜索</button>
    </div>
    </div>
    <div>
         <div class="col-sm-12 " style="border-bottom: 1px solid #eaeff0;margin-bottom: 25px">
           <table class="table table-striped table-bordered ng-isolate-scope dataTable no-footer" style="display: table; width: 100%;table-layout:fixed;">
               <thrad>
                <tr >
                    <th style="width: 15%;text-align:center;padding-left:0px;padding-right:0px;">订单名/订单编号</th>
                    <th style="width: 16%;text-align:center;padding-left:0px;padding-right:0px;">供应商产品名称/产品编号</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">供应商</th>
                    <th style="width: 10%;text-align:center;padding-left:0px;padding-right:0px;">团期(出/回)</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">出游人数</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">总金额</th>
                    <th style="width: 11%;text-align:center;padding-left:0px;padding-right:0px;">联系人/联系电话</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">订单状态</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">支付状态</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">审核状态</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">产品状态</th>
                    <th style="width: 6%;text-align:center;padding-left:0px;padding-right:0px;">操作</th>
                </tr>
                </thrad>
                <tbody>
                <tr ng-repeat="info in a"> 
                    <td  style="width: 15% ;text-align:center;vertical-align:middle;padding-left:0px;padding-right:0px;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.order_name}}">{{info.order_name}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.order_code}}">{{info.order_code}}</div></td>
                    <td  style="width: 16% ;text-align:center;vertical-align:middle;padding-left:0px;padding-right:0px;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.supplier_product_name}}">{{info.supplier_product_name}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.product_id}}">{{info.product_id}}</div></td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.create_by}}</td>
                    <td  style="width: 10% ;text-align:center;vertical-align:middle;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.tour_date}}">{{info.tour_date}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.back_tour_date}}">{{info.back_tour_date}}</div></td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.people_num}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.money}}</td>
                    <td  style="width: 11% ;text-align:center;vertical-align:middle;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.name}}">{{info.name}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.mobile}}">{{info.mobile}}</div></td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.order_state_name}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.pay_state_name}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.upplier_check_state_name}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.cancel_state==1?'取消':'正常'}}</td>
                    <td  style="width: 6%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;vertical-align:middle">                     
                        <div class="pull-left;align:center" >
                                <button type="button" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</button>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="text-right" style="background-color: white">
    <pagination 
        total-items="totalItems" 
        ng-model="currentPage" 
        ng-change="pageChanged()"
        previous-text="上一页" 
        next-text="下一页" 
        first-text="首页" 
        last-text="尾页" 
        max-size="5" 
        boundary-links="true"
        rotate="false"   
        items-per-page="itemsPerPage"
        class="m-t-none m-b"></pagination>    
    </div>
</div>-->




<div ng-controller="order_statistics" class="col-sm-12 mt20" ng-keyup="myKeyup($event)">
<div class="panel panel-default">
<div class="panel-body">
<div class="col-sm-12">

    <div class="row ">
        <div class="col-sm-2">
            <input type="text" class="form-control"  ng-model="tourist_name" placeholder="游客姓名"> 
        </div>
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="tourist_mobile" placeholder="游客电话">
        </div>       
        <div class="col-sm-2">
            <input type="text" class="form-control" ng-model="tourist_cardno" placeholder="游客证件号"> 
        </div>
       <div class="col-sm-2 col-sm-offset-2 pull-right">
            <button class="btn btn-block btn-info"ng-click="search()">搜索</button> 
        </div>
    </div>

 

</div>
</div>
</div>
<!-- searchArea -->

<div class="panel panel-default">
    <div class="panel-body">
        <table class="table table-condensed table-hover table-bordered" style="display: table; width: 100%;table-layout:fixed;">
            <thead>
                <tr >
                    <th style="width: 15%;text-align:center;padding-left:0px;padding-right:0px;">订单名/订单编号</th>
                    <th style="width: 16%;text-align:center;padding-left:0px;padding-right:0px;">供应商产品名称/产品编号</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">供应商</th>
                    <th style="width: 10%;text-align:center;padding-left:0px;padding-right:0px;">团期(出/回)</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">出游人数</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">总金额</th>
                    <th style="width: 11%;text-align:center;padding-left:0px;padding-right:0px;">联系人/联系电话</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">订单状态</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">支付状态</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">审核状态</th>
                    <th style="width: 7%;text-align:center;padding-left:0px;padding-right:0px;">产品状态</th>
                    <th style="width: 6%;text-align:center;padding-left:0px;padding-right:0px;">操作</th>

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="info in a"> 
                    <td  style="width: 15% ;text-align:center;vertical-align:middle;padding-left:0px;padding-right:0px;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.order_name}}">{{info.order_name}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.order_code}}">{{info.order_code}}</div></td>
                    <td  style="width: 16% ;text-align:center;vertical-align:middle;padding-left:0px;padding-right:0px;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.supplier_product_name}}">{{info.supplier_product_name}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.product_id}}">{{info.product_id}}</div></td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.create_by}}</td>
                    <td  style="width: 10% ;text-align:center;vertical-align:middle;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.tour_date}}">{{info.tour_date}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.back_tour_date}}">{{info.back_tour_date}}</div></td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.people_num}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.money}}</td>
                    <td  style="width: 11% ;text-align:center;vertical-align:middle;"><div class="ellipsis" style="max-width:100%;display:block;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;" title="{{info.name}}">{{info.name}}</div><div class="ellipsis" style="max-width:100%;" title="{{info.mobile}}">{{info.mobile}}</div></td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.order_state_name}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.pay_state_name}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.upplier_check_state_name}}</td>
                    <td  style="width: 7%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;">{{info.cancel_state==1?'取消':'正常'}}</td>
                    <td  style="width: 6%;text-align:center;vertical-align:middle;overflow-x:hidden;overflow-y:hidden;vertical-align:middle">
                        <!--<div onmouseover="this.style.color='grey'" onmouseout="this.style.color='blue'" ng-click="toinfo($index)" style="color: blue;cursor:pointer;text-align:center;width: 100%">详情</div>-->
                        <div class="pull-left;align:center" >
                                <button type="button" class="btn btn-info btn-xs" ng-click="toinfo($index)">详情</button>
                        </div>
                        </td>
                </tr>
            </tbody>
        </table>
        <div class="text-right">
             <pagination 
                total-items="totalItems" 
                ng-model="currentPage" 
                ng-change="pageChanged()"
                previous-text="上一页" 
                next-text="下一页" 
                first-text="首页" 
                last-text="尾页" 
                max-size="5" 
                boundary-links="true"
                rotate="false"
                
                items-per-page="itemsPerPage"
                class="m-t-none m-b">
            </pagination>
        </div>
    </div>
</div>

</div>